* {
    margin: 0;
    padding: 0;
}
.box {
    width: 375px;
    margin: auto;
}
.left {
    float: left;
}
.right {
    float: right;
}
.clear {
    clear: both;
}

.main {
    width: 94%;
    margin: 0 3%;
    // 糖果拍 img
    .main-btop {
        margin-top: 35px;
        margin-bottom: 25px;
        .main-b-top {
            height: 70px;
            img {
                max-height: 100%;
            }
        }
    }
}
.main-jb {
    .jb-nav {
        height: 50px;
        background: #ffffff;
        text-align: center;
        width: 90%;
        margin: auto;
        span {
            font-size: 16px;
        }
    }
    .jb1 {
        height: 120px;
        // background-image: linear-gradient(270deg, #ff8d8d 0%, #ffdc65 98%);
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 27px;
        .jb-top {
            margin-top: 8px;
            color: white;
            .jb-top-l {
                width: 50%;
                display: inline-block;
                // 头像
                .header-img {
                    width: 38px;
                    height: 38px;
                    background: #ffffff;
                    border-radius: 50px;
                    // position: absolute;
                    margin-left: 10px;
                }
                .header-name {
                    margin-left: 15px;
                    font-size: 18px;
                    font-weight: 500;
                }
            }
            .jb-top-r {
                width: 50%;
                display: inline-block;
                span {
                    font-size: 12px;
                }
            }
        }
        .jb-bot {
            width: 79%;
            margin-left: 18%;
            margin-right: 3%;
            font-size: 12px;
            color: white;
            div {
                margin-bottom: 10px;
            }
            .jdt {
                width: 266px;
                height: 5px;
                background: rgba(255, 255, 255, 0.4);
                border-radius: 3px;
            }
            
        }
    }
}
